<template>
  <div class="main-header">
    <div class="mh-left"></div>
    <div class="mh-middle">XXXXX数据平台demo</div>
    <div class="mh-right"></div>
  </div>
</template>

<script setup lang="ts"></script>

<style lang="scss" scoped>
.main-header {
  height: 65px;
  position: relative;
  margin: 0 auto;
  width: 100%;
  .mh-left {
    width: 62%;
    height: 100%;
    position: absolute;
    right: 0;
    background-position: right;
    background: url('../img/left_header.png') 0 10px no-repeat;
  }

  .mh-right {
    width: 53%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: url('../img/right_header.png') 0 10px no-repeat;
  }
  .mh-middle {
    margin: 0 auto;
    padding-top: 14px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    color: #fff;
  }
}
</style>
